import {Button, Image, Input} from "antd";

export default ()=>{
  return (
    <>
      <div style={{display: 'flex'}}>
        <Image preview={false} style={{width:32,height:32,borderRadius:32}} alt="sdfas" src="https://cravatar.cn/avatar/1b71c00848cdc73e9158e8f1a0ae9028?s=64&amp;d=mm&amp;r=g"/>
        <p style={{marginLeft:8,lineHeight:'32px',color:'#1d232b'}}>sdfas</p>
      </div>
      <Input.TextArea placeholder='输入评论内容...' style={{
        fontSize:14,
        color:'#6d6e74',
        border:'1px solid #f1f3f6',
        backgroundColor:'#f1f3f6',
      }} autoSize={{minRows: 4,maxRows: 4}} />
      <div style={{display: 'flex',justifyContent:'end',marginTop:16}}>
        <Button variant='outlined' color='primary' style={{marginRight:24}}>再想想</Button>
        <Button type='primary'>发表评论</Button>
      </div>
    </>
  )
}
